{extend name="login_base" /} {block name="seo"}
{/block}
{block name="css"}
{/block}
{block name="body"}
<div class="u-container">
    <a href="/" class="u-logo">
        <img src="__HOME__/images/logo.png"/>
    </a>
    <form class="layui-form" id="loginForm" method="post">
        <div class="inline layui-clear">
            <i class="iconfont icon-zhanghao"></i>
            <input type="text" name="username" lay-verify="username" placeholder="请输入您的手机或邮箱号码"/>
        </div>
        <div class="inline layui-clear">
            <i class="iconfont icon-mima"></i>
            <input type="password" name="password" lay-verify="password" placeholder="请输入您的密码"/>
        </div>
        <div class="inline layui-clear code" style="display: none;">
            <i class="iconfont icon-yanzhengma"></i>
            <input type="text" placeholder="右侧验证码" name="verify_code" maxlength="4" style="width:calc(100% - 120px - 70px);"/>
            <img src="/verify_img.html" class="imgcode" onclick="this.src='/verify_img.html?_='+Math.random()"/>
        </div>
        <div class="loo layui-clear">
            {if $site_config.qqlogin_status eq 1}
            <div class="ks">
                <a href="/user/qqlogin.html"><img src="__HOME__/images/qq.png"></a>
            </div>
            {/if}
            <div class="zc">
                <a href="/user/register.html" class="zczh">注册账号</a>
                <a href="/user/forgetpass.html" target="_">找回密码</a>
            </div>
        </div>
        <button class="btn" lay-submit lay-filter="login">立即登录</button>
    </form>
</div>
{/block}
{block name="script"}
<script src="__PUBLIC__/js/jquery-3.3.1.min.js"></script>
<script src="__PUBLIC__/plugins/layui/layui.js"></script>
<script src="__HOME__/js/public.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        layui.use('form', function () {
            var form = layui.form;
            formVerify(form);
            loginListen(layui.form)
        })
    })
</script>
{/block}
